<script setup lang="ts">
import { ConfigGlobal } from '@/components/ConfigGlobal';
import { useAppStore } from '@/store/modules/app';
import { storeToRefs } from 'pinia';

const { currentSize } = storeToRefs(useAppStore());
</script>

<template>
  <ConfigGlobal :size="currentSize">
    <RouterView />
  </ConfigGlobal>
</template>

<style lang="less">
@prefix-cls: ~'@{adminNamespace}-app';
.size {
  width: 100%;
  height: 100%;
}

html,
body {
  padding: 0 !important;
  margin: 0;
  overflow: hidden;
  .size;

  #app {
    .size;
  }
}

.@{prefix-cls}-grey-mode {
  filter: grayscale(100%);
}
</style>
